<!DOCTYPE html>
<!-- saved from url=(0059)https://websocket.kleshuo.com/Views/KP/#/main/main_Invoiced -->
<html>
<head>
    {include file="public/head"}
</head>
<body class="" style="">
    <style type="text/css" media="all">
        /* 隐藏纵向滚动条 */
        ::-webkit-scrollbar-vertical {
            width: 0;
        }
        .dis-div4{
            background-color: #e7ebf4;
        }
        .dis-div4 .el-button{
            background-color: #165693;
            color: #fff;
        }
        .ys-round{
            display: flex;
            flex-direction: column;
            width: 20px;
            height: 96%;
            margin-top: 2%;
            margin-left: 30px;
            justify-content: space-around;
        }
        .ys-round li{
            width: 20px;
            height: 20px;
            background: #e7ebf4;
            border-radius: 50%;
    
        }
        .ys-round.right{
            position: absolute;
            right: 30px;
            top: 0;
        }
        .pre-table .el-table td, .pre-table .el-table th.is-leaf{
            background: #fff;
        }
        .dis-div3{
            padding-top: 50px;
        }
        .query-display .pre-heji{
            border-top: 1px solid #000;
            background: #eee;
            position: relative;
            z-index: 1000;
            height: 26px;
        }
        .query-display .xian1{
            z-index: 1001;
            left: 158px;
        }
        .query-display .pre-daxie{
            background: #eee;
        }
        .pre-daxie{
            display: flex;
        }
        .pre-dx-left2{
            flex: 1;
            display: flex;justify-content: space-between;
            padding-right: 5px;
            box-sizing: border-box;
        }
        .query-display .pre-p4 {
            margin-left: 280px;
            width: 157px;
            display: flex;
            justify-content: space-between;
        }
        .query-display .pre-p5 {
            width: 150px;
            display: flex;
            justify-content: space-between;
        }
        .lnvo-div-main{
            height: 100vh;
            overflow-y:scroll ;
        }
        .lnvo-div-main::-webkit-scrollbar {
            display: none; /* Chrome Safari */
        }
    </style>
<div id="app">
    <div class="lnvo-div-main">
        
        
        <div class="query-display" style="">
            <div class="dis-div1"><img
                    src="">
                <span>发票查询显示</span>
                <div class="dis-div2" id="close"><i class="el-icon-close"></i></div>
            </div>
            <div style="position: absolute;
    width: 100%;
    /*height: 96%;*/
    display: flex;
    padding-top: 35px;
    justify-content: center;">
                <div style="    background: #fff;
       background: #fff;
    width: 1000px;
    height: 650px;
    z-index: -1;
    position: relative;">
                <ul class="ys-round left">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <ul class="ys-round right">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            </div>
            <div class="dis-div3" ><span style="color:#000;border-bottom:4px double;padding-bottom:5px" >增值税专用发票</span></div>
            <div class="ord-main">
                <div class="ord-main-top">
                      <p class="ord-main-p1">机器编号：<span>{$info.kp_machine_code}</span></p>
                    <!--<p class="ord-main-p1">发票代码：<span>{$info.kp_code}</span></p>-->
                    <p class="ord-main-p2">开票日期：<span>{$info.kp_time|date="Y年m月d日",###}</span></p>
                    <p class="ord-main-p3" style="display: flex;flex-direction: column;margin-top: -20px;padding-left: 40px;">
                        <span style="    height: 20px;text-align: left;">发票代码：<span>{$info.kp_code}</span></span>
                        <span style="    height: 20px;text-align: left;">发票号码：<span>{$info.kp_no}</span></span></p>
                </div>
                <div class="ord-main-table">
                    <div class="ord-table-header">
                        <div class="header-left-name">
                            <p>购</p>
                            <p>货</p>
                            <p>单</p>
                            <p>位</p>
                        </div>
                        <div class="header-left" style="width:60%">
                            <div class="left-main-left">
                                <p>名<span class="s1"></span>称：</p>
                                <p>纳税人识别号：</p>
                                <p>地址、<span class="s2"></span>电话：</p>
                                <p>开户行及账号：</p>
                            </div>
                            <div class="header-left-main">
                                <div class="left-main-item">
                                    <p>{$info.buy_name}</p>
                                </div>
                                <div class="left-main-item">
                                    <p>{$info.buy_num}</p>
                                </div>
                                <div class="left-main-item">
                                    <p>{$info.buy_address}</p>
                                </div>
                                <div class="left-main-item">
                                    <p>{$info.buy_bank}</p>
                                </div>
                            </div>
                        </div>
                        <div class="header-right" style="width:40%">
                            <div class="right-main-left">
                                <p>密</p>
                                <p>码</p>
                                <p>区</p>
                            </div>
                            <div class="right-main">
                                <p>{$pas}</p>
                            </div>
                        </div>
                    </div>
                    <div class="pre-table">
                        <p class="xian1"></p>
                        <p class="xian2"></p>
                        <p class="xian3"></p>
                        <p class="xian4"></p>
                        <p class="xian5"></p>
                        <p class="xian6"></p>
                        <p class="xian7"></p>
                        <div class="el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition"
                             style="width: 100%; height: 207px;background-color:#fff">
                            <div class="hidden-columns">
                                <div></div>
                                <div></div>
                                <div></div>
                                <div></div>
                                <div></div>
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <div class="el-table__header-wrapper">
                                <table cellspacing="0" cellpadding="0" border="0" class="el-table__header"
                                       style="width: 778px;">
                                    <colgroup>
                                        <col name="el-table_34_column_294" width="160">
                                        <col name="el-table_34_column_295" width="98">
                                        <col name="el-table_34_column_296" width="60">
                                        <col name="el-table_34_column_297" width="80">
                                        <col name="el-table_34_column_298" width="80">
                                        <col name="el-table_34_column_299" width="125">
                                        <col name="el-table_34_column_300" width="60">
                                        <col name="el-table_34_column_301" width="115">
                                        <col name="gutter" width="0">
                                    </colgroup>
                                    <thead class="has-gutter">
                                    <tr class="">
                                        <th colspan="1" rowspan="1"
                                            class="el-table_34_column_294     is-leaf">
                                            <div class="cell">货物或应税劳务名称</div>
                                        </th>
                                        <th colspan="1" rowspan="1"
                                            class="el-table_34_column_295     is-leaf">
                                            <div class="cell">规格型号</div>
                                        </th>
                                        <th colspan="1" rowspan="1"
                                            class="el-table_34_column_296     is-leaf">
                                            <div class="cell">单位</div>
                                        </th>
                                        <th colspan="1" rowspan="1"
                                            class="el-table_34_column_297     is-leaf">
                                            <div class="cell">数量</div>
                                        </th>
                                        <th colspan="1" rowspan="1"
                                            class="el-table_34_column_298     is-leaf">
                                            <div class="cell">单价</div>
                                        </th>
                                        <th colspan="1" rowspan="1"
                                            class="el-table_34_column_299     is-leaf">
                                            <div class="cell">金额</div>
                                        </th>
                                        <th colspan="1" rowspan="1"
                                            class="el-table_34_column_300     is-leaf">
                                            <div class="cell">税率</div>
                                        </th>
                                        <th colspan="1" rowspan="1"
                                            class="el-table_34_column_301     is-leaf">
                                            <div class="cell">税额</div>
                                        </th>
                                        <th class="gutter" style="width: 0px; display: none;"></th>
                                    </tr>
                                    </thead>
                                </table>
                            </div>
                            <div class="el-table__body-wrapper is-scrolling-none">
                                <table cellspacing="0" cellpadding="0" border="0" class="el-table__body"
                                       style="width: 778px;">
                                    <colgroup>
                                        <col name="el-table_34_column_294" width="160">
                                        <col name="el-table_34_column_295" width="98">
                                        <col name="el-table_34_column_296" width="60">
                                        <col name="el-table_34_column_297" width="80">
                                        <col name="el-table_34_column_298" width="80">
                                        <col name="el-table_34_column_299" width="125">
                                        <col name="el-table_34_column_300" width="60">
                                        <col name="el-table_34_column_301" width="115">
                                    </colgroup>
                                    <tbody>
                                    <tr class="el-table__row">
                                        <td rowspan="1" colspan="1" class="el-table_34_column_294  ">
                                            <div class="cell">{$info.content_name}</div>
                                        </td>
                                        <td rowspan="1" colspan="1" class="el-table_34_column_295  ">
                                            <div class="cell">{$info.content_model}</div>
                                        </td>
                                        <td rowspan="1" colspan="1" class="el-table_34_column_296  ">
                                            <div class="cell">{$info.content_unit}</div>
                                        </td>
                                        <td rowspan="1" colspan="1" class="el-table_34_column_297  ">
                                            <div class="cell">
                                                <!--{if condition='$info.content_num gt 0'}-->
                                                <!--{$info.content_num}-->
                                                <!--{/if}-->
                                            </div>
                                        </td>
                                        <td rowspan="1" colspan="1" class="el-table_34_column_298  ">
                                            <div class="cell">
                                                <!--{if condition='$info.content_price gt 0'}-->
                                                <!--{$info.content_price}-->
                                                <!--{/if}-->
                                            </div>
                                        </td>
                                        <td rowspan="1" colspan="1" class="el-table_34_column_299  ">
                                            <div class="cell">{$info.content_money}</div>
                                        </td>
                                        <td rowspan="1" colspan="1" class="el-table_34_column_300  ">
                                            <div class="cell">{$info.content_rate}</div>
                                        </td>
                                        <td rowspan="1" colspan="1" class="el-table_34_column_301  ">
                                            <div class="cell">{$info.content_tax}</div>
                                        </td>
                                    </tr>
                                    <!---->
                                    </tbody>
                                </table>
                                <!---->
                                <!---->
                            </div>
                            <!---->
                            <!---->
                            <!---->
                            <!---->
                            <div class="el-table__column-resize-proxy" style="display: none;"></div>
                        </div>
                        <div class="pre-heji" style="background-color:#eee">
                            <p class="pre-p3">合<span></span>计</p>
                            <p class="pre-p4">金额：<span>{$info.content_money}</span></p>
                            <p class="pre-p5">税额：<span>{$info.content_tax}</span></p>
                        </div>
                    </div>
                    <div class="pre-daxie">
                        <div class="pre-dx-left">价税合计（大写）</div>
                        <div class="pre-dx-left1"><span>{$money}</span></div> 
                        <div class="pre-dx-left2"><span class="pre-s3">（小写）</span><span>{$all}</span></div>
                    </div>
                    <div class="ord-table-header">
                        <div class="header-left-name">
                            <p>销</p>
                            <p>货</p>
                            <p>单</p>
                            <p>位</p>
                        </div>
                        <div class="header-left" style="width:60%">
                            <div class="left-main-left">
                                <p>名<span class="s1"></span>称：</p>
                                <p>纳税人识别号：</p>
                                <p>地址、<span class="s2"></span>电话：</p>
                                <p>开户行及账号：</p>
                            </div>
                            <div class="header-left-main">
                                <div class="left-main-item">
                                    <p>{$info.seller_name}</p>
                                </div>
                                <div class="left-main-item">
                                    <p>{$info.seller_num}</p>
                                </div>
                                <div class="left-main-item">
                                    <p>{$info.seller_addresss}</p>
                                </div>
                                <div class="left-main-item">
                                    <p>{$info.seller_bank}</p>
                                </div>
                            </div>
                        </div>
                        <div class="header-right" style="width:40%">
                            <div class="right-main-left1">
                                <p>备</p>
                                <p>注</p>
                            </div>
                            <div class="right-main">
                                <p>{$info.remark}</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="el-row">
                    <div class="el-col el-col-6">
                        <div class="ord-tab-bot"><span>收款人：</span>{$info.payee}
                        </div>
                    </div>
                    <div class="el-col el-col-6">
                        <div class="ord-tab-bot"><span>复核员：</span>{$info.checker}
                        </div>
                    </div>
                    <div class="el-col el-col-6">
                        <div class="ord-tab-bot"><span>开票人：{$info.drawer}</span></div>
                    </div>
                    <div class="el-col el-col-6">
                        <div class="ord-tab-bot"><span>销货单位：（章）</span></div>
                    </div>
                </div>
            </div>
            <div class="dis-div4"><button type="button" class="el-button el-button--default">
                <!---->
                <!----><span>作 废</span>
            </button> <button disabled="disabled" type="button"
                              class="el-button el-button--default">
                <!---->
                <!----><span>打 印</span>
            </button> <button disabled="disabled" type="button"
                              class="el-button el-button--default">
                <!---->
                <!----><span>负数开具</span>
            </button> <button disabled="disabled" type="button"
                              class="el-button el-button--default">
                <!---->
                <!----><span>查看明细</span>
            </button> <button disabled="disabled" type="button"
                              class="el-button el-button--default">
                <!---->
                <!----><span>含 税</span>
            </button></div>
        </div>
        
    </div>
</div>
{include file="public/foot"}
    <script type="text/javascript" charset="utf-8">
        window.onload=function(){
            document.documentElement.style.overflow="hidden"
            document.body.style.overflow="hidden"
        }
        $("#close").click(function () {
            if ($(window.parent.document).find('#detail_iframe')){
                console.log(2)
                $(window.parent.document).find('#detail_iframe').remove()
            }else {
                console.log(3)
                window.history.go(-1)
            }
        })
    </script>
</body>
</html>
